<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
	    <title>Circular heat chart example</title>
	    <link rel="stylesheet" href="css/style.css">
	    <link rel="stylesheet" href="css/svg.css">
		<link rel="stylesheet" href="http://yandex.st/highlightjs/7.3/styles/default.min.css">
	</head>

	<body>
		
		<style>
			#energychart svg, #chart3 svg {
    			height: 660px;
			}
			
			.labels {
    			fill: #0c0c0c;
    		}
    		
    		.labels.segment {
    			font-size: 16px;
			}
		</style>
		<section>
			
			<div class="chart" id="energychart"></div>
			
		</section>	

		<script src="http://d3js.org/d3.v3.min.js"></script>
		<script src="js/circularHeatChart.js"></script>
		<script src="js/example1.js"></script>
		<script src="http://yandex.st/highlightjs/7.3/highlight.min.js"></script>
		<script>hljs.initHighlightingOnLoad();</script>
	</body>
</html>